<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>

    <button id="get">get</button>
    <button id="post">post</button>
    <button id="ty">通用</button>
    

    <script src="../..//js/jquery.3.5.1.js"></script>
    <script>
        $("#get").click(function(){
            $.get("http://127.0.0.1:8088/jq-server", {name: "wwj", age:12}, function(data){
                console.log("请求成功："+ data)
            })
        })

        $("#post").click(function(){
            $.post("http://127.0.0.1:8088/jq-server", {name: "wwj", age:12}, function(data){
                console.log("请求成功："+ data)
            })
        })

        $("#ty").click(function(){
            $.ajax({
                // url
                url: "http://127.0.0.1:8088/jq-server",
                // 参数
                data:{
                    name: "wwj",age:02
                },
                // 请求头
                headers:{
                    "Accept-Encoding": "gzip, deflate"
                },
                // 请求类型
                type: "GET",
                // 响应体结果类型
                dataType: "json",
                // 设置超时时间
                timeout:3000,
                // 成功的回调函数
                success: function(data){
                    console.log("成功了，结果为：~~", data);
                },
                // 失败的回调函数
                error: function(error){
                    console.log("失败了，原因为：~~", error);
                }
            })
        })



    </script>
</body>

</html>